

{include file="common:head" /}

<style>
	.hot-list.fl {
		height: 489.4px;
	}
	.hot-carbuy .hot-content .hot-list p.des{
		display:none;
	}
	.hot-carbuy .hot-content .hot-list p.name{
		font-size:17px;
	}

</style>
	<body>
		<div class="index-content">
			<!-- 头部 -->

			{include file="common:header" /}


			<!-- 轮播图 -->
			<div class="swiper-container" style="">
				<div class="swiper-wrapper">
					{volist name="banner" id="item"}
						<div class="swiper-slide" onclick="window.location.href='{$item.click_url}'"><img src="{$item.img}"></div>
					{/volist}
				</div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
			<!--轮播图下的分类 -->
			<div class="band"  style="margin-top:-10px;">
				<div class="band-content width1300 clearfix">
					<div class="band-list fl" onclick="window.location.href='/car'">车型总览</div>
					<div class="band-list fl" onclick="window.location.href='/about?id=4&about=品牌天地'">品牌天地</div>
					<div class="band-list fl" onclick="window.location.href='/about?id=10&about=高级私人定制系列'">高级私人定制系列</div>
					<div class="band-list fl" onclick="window.location.href='/appoint/index'">预约试驾</div>
					<div class="band-list fl" onclick="window.location.href='/about?id=11&about=车主服务'">车主服务</div>
					<div class="band-list fl" onclick="window.location.href='/about?id=12&about=动态'">动态</div>
				</div>
			</div>
			<!-- 车型 -->
			<div class="carType width1300">
				<div class="title">全部车型</div>
				<div class="car-content">
					{volist name="cate" id = "item"  length='5'}
                        <div class="car-list fl" onclick="window.location.href='/car?title={$item.name}'">
                            <i class="iconfont icon-youjiantou_huaban"></i>
                            <p>{$item.name}</p>
                        </div>
                    {/volist}
				</div>
			</div>
			<!-- 当季热销车 -->
			<div class="hot-carbuy width1300">
				<div class="title">当季热销车</div>
				<div class="hot-content clearfix">
					{volist name="lists" id = "item"}
						<div class="hot-list fl">
							<a href="/car_detail?id={$item.id}" target="_blank">
								<div class="img-box">
									<img src="{$item.w_img}" />
								</div>
								<div class="img-box">
									<img src="{$item.z_img}" />
								</div>
								<p class="name oneline">{$item.title}</p>
								<p class="des oneline">{$item.intro}</p>
							</a>	

						</div>
					{/volist}
				</div>
			</div>
			<!-- 品牌与服务 -->
			<div class="brand width1300">
				<div class="title">品牌与服务</div>
				<div class="brand-content clearfix">
					<div class="brand-list fl">
						<a href="about?id=13&about='匠人匠心'" target="_blank">
							<img src="__STATIC__/index/img/jrjx.jpg" />
							<p>匠人匠心</p>
						</a>
					</div>
					<div class="brand-list fl">
						<a href="/about?id=6&about='赛事活动'" target="_blank">
							<img src="__STATIC__/index/img/shhd.jpg" />
							<p>赛事活动</p>
						</a>
					</div>
					<div class="brand-list fl">
						<a href="/about?id=15&about='官方认证二手车'" target="_blank">
							<img src="__STATIC__/index/img/esc.jpg" />
							<p>官方认证二手车</p>
						</a>
					</div>
					<div class="brand-list fl">
						<a href="/about?id=16&about='售后服务'" target="_blank">
							<img src="__STATIC__/index/img/shfw.jpg" />
							<p>售后服务</p>
						</a>
					</div>
				</div>
			</div>
			<!-- 评测视频 -->
			<div class="evaluation width1300">
				<div class="title">评测视频</div>
				<div class="evaluation-container" style="overflow: hidden;width: 1300px;margin: 0 auto;">
					<div class="swiper-wrapper">
						{volist name="video" id = "video"}
							<div class="swiper-slide" style="width:320px;" onclick="window.location.href='video_detail?id={$video.id}'">
								<div class="evaluation-list">
									<div class="evaluation-video">
										<img src="{$video.image}" />
										<span></span>
									</div>
									<p class="oneline">{$video.title}</p>
								</div>
							</div>
						{/volist}
					</div>
				</div>
			</div>
			<!-- 官方账号 -->
			<div class="account width1300">
				<div class="title">官方账号</div>
				<div class="account-content clearfix">
					<div class="account-list fl">
						<a href={$conf[0]['value']}>
							<div class="img-box">
									<img src="__STATIC__/index/img/gfwb.jpg" />
							</div>
							<p>官方微博 &gt;</p>
						</a>
					</div>
					<div class="account-list fl">
						<a href={$conf[1]['value']}>
							<div class="img-box">
								<img src="__STATIC__/index/img/gfwx.jpg" />
							</div>
							<p>官方微信 &gt;</p>
						</a>
					</div>
					<div class="account-list fl">
						<a href={$conf[2]['value']}>
							<div class="img-box">
								<img src="__STATIC__/index/img/gddy.jpg" />
							</div>
							<p>官方抖音 &gt;</p>
						</a>
					</div>
					<div class="account-list fl">
						<a href={$conf[3]['value']}>
							<div class="img-box">
								<img src="__STATIC__/index/img/gftl.jpg" />
							</div>
							<p>官方头条 &gt;</p>
						</a>	
					</div>
					<div class="account-list fl">
						<a href={$conf[4]['value']}>
							<div class="img-box">
								<img src="__STATIC__/index/img/gfxhs.jpg" />
							</div>
							<p>官方小红书 &gt;</p>
						</a>
					</div>
					<div class="account-list fl">
						<a href={$conf[5]['value']}>
							<div class="img-box">
								<img src="__STATIC__/index/img/blbl.jpg" />
							</div>
							<p>官方bilibili &gt;</p>
						</a>
					</div>
				</div>
			</div>
			<!-- 预约试驾 -->
			<div class="testCar" onclick="openwin('/appoint/index')">

			</div>

<!--			&lt;!&ndash; 悬浮按钮 &ndash;&gt;-->
<!--			<div class="goTop">-->
<!--				<img src="__STATIC__/index/img/top.png" />-->
<!--			</div>-->


			<!-- 底部 -->

			{include file="common:footer" /}

		</div>
		<script type="text/javascript" src="__STATIC__/index/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="__STATIC__/index/js/swiper.min.js"></script>
		<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
<!--		<script type="text/javascript" src="__STATIC__/index/js/com_config.js"></script>-->
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				autoplay:true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var swiper2 = new Swiper('.evaluation-container', {
				autoplay:true,
				slidesPerView: 4,
				spaceBetween: 7
			});
			$(".select-car-center").mouseleave(function () {
				  console.log('移出');
				  $(".selectCar").hide()
			})
			$(".select-car-center").mouseenter(function () {
				  console.log('移入');
				  $(".selectCar").show()
			})
			$(".selectCar").mouseleave(function () {
				  console.log('移出');
				  $(".selectCar").hide()
			})
			$(".selectCar").mouseenter(function () {
				  console.log('移入');
				  $(".selectCar").show()
			})
			$(".nav .nav-list").mouseleave(function () {
				console.log('移出');
				$(this).removeClass("active")
			})
			$(".nav .nav-list").mouseenter(function () {
				console.log('移入');
				$(this).addClass("active")
			})

		</script>

	</body>
</html>
